<template>
	<view>
		<view class="wenti-leixing">问题类型</view>
		<view class="content">
			
			<view class="qingchu" v-for="(item, index) in list" :key="item.id"  @tap="toInfo(item.id)">
				<view class="text">{{item.title}}</view>
				<image src="../../static/image/qianjin.png" mode="" class="qingchu1"></image>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					
				]
			}
		},
		onLoad() {
			var that = this;
			this.$util.nuiAjax(this.$jiekou.selectProblem,{},function(res){
				if(res.result=="true"){
					that.list = res.data;
				}
			})
		},
		methods: {
			toInfo:function(id){
				this.$util.toUrl("./changjianwentiInfo?id="+id);
				// this.$util.toUrl("./index?id="+id);
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: $page-bg-color;
	}
	.content-padding{
		padding-left: 30rpx;
	}
	.wenti-leixing{
		height:40rpx;
		font-size:28rpx;
		font-weight:400;
		color:rgba(25,25,25,1);
		line-height:40rpx;
		margin-top: 30rpx;
		margin-left: 30rpx;
		margin-bottom: 20rpx;
	}
	.content{
		background-color: #FFFFFF;
		padding-left: 30rpx;
		box-shadow:0px 8px 16px 0px rgba(246,247,248,1);
		
	}
	.qingchu{
		display: flex;
		flex-flow: row;
		justify-content: space-between;
		padding-top: 30rpx;
		padding-bottom: 28rpx;
		border-bottom: 1px solid #EFEFEF;
	}
	.qingchu1{
		margin-right: 30rpx;
		width: 10rpx;
		height: 20rpx;
		margin-top: 12rpx;
	}
	.text{
		height:40rpx;
		font-size:28rpx;
		font-weight:400;
		line-height:40rpx;
	}
</style>
